<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=1220, user-scalable=no, target-densitydpi=device-dpi">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>版权登记</title>
  <link rel="stylesheet" href="/static/front/css/reset.css">
  <link rel="stylesheet" href="/static/front/css/header.css">
  <link rel="stylesheet" href="/static/front/css/index.css">
  <link rel="stylesheet" href="/static/common/layui/css/layui.css">
  <link rel="stylesheet" href="/static/front/css/login.css">

  <!--11-27 新增css -->
  <link rel="stylesheet" href="/static/front/css/member.css">
  <!-- // 11-27 新增css -->
</head>
<body>
<div th:replace="front/common/header :: header"></div>

<!-- 11.27 新增-->
<div class="member-banner"
     style="background-image:url(/static/front/imgs/member_banner.jpg);"></div>
<div class="member-vip">
  <div class="wrapper">
    <div class="member-vip-hd">
      <ul>
        <li class="active">个人VIP</li>
        <li>企业VIP</li>
      </ul>
    </div>
    <div class="member-vip-bd person">
      <div class="item experience">
        <div class="tit">个人体验版</div>
        <div class="txt">
          <p>自主定义交易方式</p>
          <p>版权监测</p>
          <p>版权维权</p>
          <p>版权服务限50张</p>
        </div>
        <div class="price">
          <p class="price-now"><big>199</big>元/年</p>
          <p class="price-old">原价 : 299元/年</p>
        </div>
        <div class="btn"><a href="javascript:;" class="open_btn" data-id="1">立即开通</a></div>
      </div>
      <div class="item honor">
        <div class="tit">个人至尊版</div>
        <div class="txt">
          <p>自主定义交易方式</p>
          <p>版权监测</p>
          <p>版权维权</p>
          <p>版权服务不限量</p>
        </div>
        <div class="price">
          <p class="price-now"><big>499</big>元/年</p>
          <p class="price-old">原价 : 599元/年</p>
        </div>
        <div class="btn"><a href="javascript:;" class="open_btn" data-id="2">立即开通</a></div>
      </div>
    </div>

    <div class="member-vip-bd col3 m-hid enterprise">
      <div class="item experience">
        <div class="tit">企业体验版</div>
        <div class="txt">
          <p>自主定义交易方式</p>
          <p>版权监测</p>
          <p>版权维权</p>
          <p>版权服务限2张</p>
        </div>
        <div class="price">
          <p class="price-now"><big>299</big>元/年</p>
        </div>
        <div class="btn"><a href="javascript:;" class="open_btn" data-id="3">立即开通</a></div>
      </div>
      <div class="item standard">
        <div class="tit">企业标准版</div>
        <div class="txt">
          <p>自主定义交易方式</p>
          <p>版权监测</p>
          <p>版权维权</p>
          <p>版权服务限100张</p>
        </div>
        <div class="price">
          <p class="price-now"><big>999</big>元/年</p>
          <p class="price-old">原价 : 1999元/年</p>
        </div>
        <div class="btn"><a href="javascript:;" class="open_btn" data-id="4">立即开通</a></div>
      </div>
      <div class="item honor">
        <div class="tit">企业至尊版</div>
        <div class="txt">
          <p>自主定义交易方式</p>
          <p>版权监测</p>
          <p>版权维权</p>
          <p>版权服务限2000张</p>
        </div>
        <div class="price">
          <p class="price-now"><big>2999</big>元/年</p>
          <p class="price-old">原价 : 3999元/年</p>
        </div>
        <div class="btn"><a href="javascript:;" class="open_btn" data-id="5">立即开通</a></div>
      </div>
    </div>

  </div>
</div>

<div class="member-bene">
  <div class="wrapper">
    <div class="member-tit">
      <h2>会员有哪些权益？</h2>
      <h4>MEMBER BENEFITS</h4>
    </div>
    <ul>
      <li class="l1">
        <div class="img"><img src="/static/front/imgs/member_img1.png"/></div>
        <div class="txt">
          <h3>自主定义交易方式</h3>
          <p>
            1.会员期内可以根据作品情况自主选择版权交易方式，例如线下报价等，并可自主选择作品在平台上的展示方式<br>
            2.会员到期后，您仍可在网站上免费登记并销售作品，但作品不再享受自主定义交易方式的服务<br>
            3.超出会员期内固定行数的登记作品将会自动进入网站的销售体系进行展示和销售
          </p>
        </div>
      </li>
      <li class="l2">
        <div class="img"><img src="/static/front/imgs/member_img2.png"/></div>
        <div class="txt">
          <h3>免费版权监测</h3>
          <p>
            1.花瓣美素联合第三方版权监测平台对所有登记作品进行版权监测，定期全网搜索侵权图片<br>
            2.一旦发现风险或疑似被侵权后，通过站内信，短信等方式通知权利人，随时查看侵权情况<br>
            3.针对不同的风险类型进行评估，提出有针对性、建设性的处理方案，并帮助解决风险
          </p>
        </div>
      </li>
      <li class="l3">
        <div class="img"><img src="/static/front/imgs/member_img3.png"/></div>
        <div class="txt">
          <h3>免费版权维权</h3>
          <p>
            1.依托行业资源和合作伙伴的协助，提供全方位的版权维权服务，确定侵权事实后，基于原创证据和侵权证据向侵权方发送维权和解律师函<br>
            2.根据作品被侵权情况，对满足维权条件的作品进行维权<br>
            3.针对满足维权条件的作品，律师团队全权代理维权，权利人不需要支付前期维权费，即享受维权所得赔偿款分成
          </p>
        </div>
      </li>
      <li class="l4">
        <div class="img"><img src="/static/front/imgs/member_img4.png"/></div>
        <div class="txt">
          <h3>批量登记</h3>
          <p>
            1.针对作品数量较多的个人或企业，提供批量登记服务（100件起），不用单张上传，速度快效率高，省时省力<br>
            2.协助对作品进行登记前的资料进行梳理、归类，提升登记效率
          </p>
        </div>
      </li>
    </ul>
  </div>

</div>

<div class="member-ads">
  <div class="wrapper">
    <h2>花瓣美素－中国版权保护中心DCI体系合作示范平台</h2>
    <h4>提供作品登记、授权、版权监测、版权维权一体化闭环服务，实现“确权-授权-维权”整套版权服务体系</h4>
  </div>
</div>


<div class="partner item">
  <div class="wrapper">
    <div class="member-tit">
      <h2>他们已经开始使用版权服务</h2>
      <h4>STRATEGIC PARTNERS</h4>
    </div>
    <div class="body">
      <ul>
        <li>
          <a href="http://www.trs.com.cn">
            <img class="img01" src="/static/front/imgs/member_img22.png"/>
            <img class="img02" src="/static/front/imgs/member_img19.png"/>
          </a>
        </li>
        <li>
          <a href="https://www.yuanben.io/">
            <img class="img01" src="/static/front/imgs/member_img23.png"/>
            <img class="img02" src="/static/front/imgs/member_img20.png"/>
          </a>
        </li>
        <li>
          <a href="http://www.microdreams.com/">
            <img class="img01" src="/static/front/imgs/member_img24.png"/>
            <img class="img02" src="/static/front/imgs/member_img21.png"/>
          </a>
        </li>
        <li>
          <a href="https://www.photostars.cn">
            <img class="img01" src="/static/front/imgs/member_img12.png"/>
            <img class="img02" src="/static/front/imgs/member_img5.png"/>
          </a>
        </li>
        <li>
          <a href="http://www.fengniao.com">
            <img class="img01" src="/static/front/imgs/member_img13.png"/>
            <img class="img02" src="/static/front/imgs/member_img6.png"/>
          </a>
        </li>
        <li>
          <a href="http://www.huagaowang.com">
            <img class="img01" src="/static/front/imgs/member_img14.png"/>
            <img class="img02" src="/static/front/imgs/member_img7.png"/>
          </a>
        </li>
        <li>
          <a href="http://www.xlbsgs.com">
            <img class="img01" src="/static/front/imgs/member_img15.png"/>
            <img class="img02" src="/static/front/imgs/member_img8.png"/>
          </a>
        </li>
        <li>
          <a href="https://www.glodon.com">
            <img class="img01" src="/static/front/imgs/member_img16.png"/>
            <img class="img02" src="/static/front/imgs/member_img9.png"/>
          </a>
        </li>
        <li>
          <a href="http://www.whmoguan.com">
            <img class="img01" src="/static/front/imgs/member_img17.png"/>
            <img class="img02" src="/static/front/imgs/member_img10.png"/>
          </a>
        </li>

        <li>
          <a href="http://aniany.com/index.html">
            <img class="img01" src="/static/front/imgs/member_img18.png"/>
            <img class="img02" src="/static/front/imgs/member_img11.png"/>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="member-tip">
  <div class="wrapper">
    <h2>在这里有158987位会员与你一起使用了版权登记的VIP特权哦，更多会员特权，尽在美素版权！</h2>
  </div>
</div>


<div th:replace="front/common/footer :: footer"></div>


<!-- // 11.27 新增-->

<div th:replace="front/common/login-warp :: login-pop"></div>
<div th:replace="front/common/reg-warp :: reg-pop"></div>

<script type="text/javascript" src="/static/front/js/lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/static/common/layui/layui.js"></script>
<script type="text/javascript" src="/static/front/js/lib/jquery.SuperSlide.2.1.12.js"></script>
<script type="text/javascript" src="/static/front/js/js.js"></script>
<script type="text/javascript" src="/static/front/js/config.js"></script>
<script type="text/javascript" src="/static/front/js/util.js"></script>

<script>
  layui.use('common');

  $(function () {
    $('.member-vip-hd li').click(function () {
      $(this).addClass('active').siblings().removeClass('active');
      $('.member-vip-bd').hide();
      $('.member-vip-bd').eq($(this).index()).show();
    })

    $.ajax({
      url: '/member/getMemberCategory',
      type: 'get',
      success: function (result) {
        if (result.success) {
          var data = result.data,
              personExperienceData = data[1],
              personHonorData = data[2],
              enterpriseExperienceData = data[3],
              enterpriseStandardData = data[4],
              enterpriseHonorData = data[5];

          $('.person .experience .txt p:last').html('版权服务限' + personExperienceData.serviceTotal
              + '张');
          $('.person .experience .price .price-now').html('<big>'
              + personExperienceData.discountPrice + '</big>元/年');
          $('.person .experience .price .price-old').html('原价 : ' + personExperienceData.price
              + '元/年');

          $('.person .honor .txt p:last').html('版权服务限' + personHonorData.serviceTotal + '张');
          $('.person .honor .price .price-now').html('<big>' + personHonorData.discountPrice
              + '</big>元/年');
          $('.person .honor .price .price-old').html('原价 : ' + personHonorData.price + '元/年');

          $('.enterprise .experience .txt p:last').html('版权服务限'
              + enterpriseExperienceData.serviceTotal + '张');
          $('.enterprise .experience .price .price-now').html('<big>'
              + enterpriseExperienceData.discountPrice + '</big>元/年');
          $('.enterprise .experience .price .price-old').html('原价 : '
              + enterpriseExperienceData.price + '元/年');

          $('.enterprise .standard .txt p:last').html('版权服务限' + enterpriseStandardData.serviceTotal
              + '张');
          $('.enterprise .standard .price .price-now').html('<big>'
              + enterpriseStandardData.discountPrice + '</big>元/年');
          $('.enterprise .standard .price .price-old').html('原价 : ' + enterpriseStandardData.price
              + '元/年');

          $('.enterprise .honor .txt p:last').html('版权服务限' + enterpriseHonorData.serviceTotal
              + '张');
          $('.enterprise .honor .price .price-now').html('<big>' + enterpriseHonorData.discountPrice
              + '</big>元/年');
          $('.enterprise .honor .price .price-old').html('原价 : ' + enterpriseHonorData.price
              + '元/年');

        }
      }
    })

    $(".open_btn").click(function () {
      var categoryId = $(this).data('id');
      $.get('/member/getVipCategory',function (result) {
        if (result.success) {
          var data = result.data,
              authType = data.authType,
              categoryIds = data.categoryIds;
          if($.inArray(categoryId,categoryIds)>=0){
            layer.msg('您已购买过此VIP,请前往个人中心续费');
            return false;
          }
          if (authType == 'person') {
            if (categoryId == 3 || categoryId == 4 || categoryId == 5) {
              layer.msg('您是个人类型账户，不允许购买企业版VIP');
              return false
            }
          } else if (authType == 'enterprise') {
            if (categoryId == 1 || categoryId == 2) {
              layer.msg('您是企业类型账户，不允许购买个人版VIP');
              return false;
            }
          }
          location.href = '/vip-order?categoryId=' + categoryId;
        }
      },'json').fail(function () {
        $('.un-login ul li:first a').click();
      });
    })
  })
  // //11.27 新增  切换
</script>
</body>
</html>
